<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">

    <script src="./js/flexible.js"></script>

</head>
<body>
     <div id="container">
          <div id="header">
              <div class="header-top">
                   <div class="header-content">
                       <img src="./img/menu.png" class="img1" />
                       <img src="./img/166149394478164557.png" class="img2" />
                       <img src="./img/login.png" class="img3" />
                   </div>
              </div>
              <div class="header-bottom">
                 <div class="searchBox">
                      <img src="./img/search.png" />
                      <input type="text" placeholder="请输入">
                 </div>
              </div>
          </div>

          <div id="iconBox">
               <div class="icon-1">
                    <div class="icon-item">
                         <img src="./img/165710989476671143.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/161293951076282456.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/161293957567317395.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/165711026680588659.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/165717927411065855.png" />
                         <span>苏宁家电</span>
                    </div>
               </div>
               <div class="icon-2">
                    <div class="icon-item">
                         <img src="./img/165710989476671143.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/161293951076282456.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/161293957567317395.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/165711026680588659.png" />
                         <span>苏宁家电</span>
                    </div>
                    <div class="icon-item">
                         <img src="./img/165717927411065855.png" />
                         <span>苏宁家电</span>
                    </div>
               </div>
          </div>

          <!-- 横向大的gif动图-->
          <div id="big-gif-box">
               <img src="./img/163974043787286538.gif" />
          </div>
          <!-- 空盒子-->
          <div id="kong"></div>

          <!-- 大聚会模块-->
          <div id="two-wrap">
               <div class="left-wrap">
                    <div  class="wrap_1">
                         <div>
                              <img src="./img/166519830495916803.jpg" />
                              <span>¥5999</span>
                         </div>
                         <div>
                             
                                   <img src="./img/166519830495916803.jpg" />
                                   <span>¥5999</span>
                              
                         </div>
                    </div>
                    <div  class="wrap_2">
                         <div>
                              <img src="./img/166519830495916803.jpg" />
                              <span>¥5999</span>
                         </div>
                         <div>
                              <img src="./img/167566474043702723.gif" />
                              <span>¥5999</span>
                         </div>
                    </div>
                    <div  class="wrap_3">
                         <img class="img1" src="./img/20230.jpg" />
                         <img class="img2" src="./img/168128684228589395.png" />
                    </div>
               </div>
               <div class="right-wrap">
                    <div class="wrap_1">
                         <div>
                              <img src="./img/167566437965466151.png" />
                              <span class="title">热销榜</span>
                         </div>
                         <div>
                              <img src="./img/167566438802647284.jpg" />
                              <span class="title">热销榜</span>
                         </div>
                    </div>
                    <div class="wrap_2">
                         <div>
                              <img src="./img/167566437965466151.png" />
                              <span class="title">热销榜</span>
                         </div>
                         <div>
                              <img src="./img/167566438802647284.jpg" />
                              <span class="title">热销榜</span>
                         </div>
                    </div>
                    <div class="wrap_3">
                    
                         <div>
                              <span class="h-title one">冰洗钜惠</span>
                              <img src="./img/cdd9918214.jpg" />
                              <span class="title">每千减百</span>
                         </div>
                         <div>
                              <span class="h-title two">奶粉好货</span>
                              <img src="./img/ee32a25a2a5.jpg" />
                              <span class="title">热销榜</span>
                         </div>
                    </div>
                    <div class="wrap_4">
                         <div>
                              <span class="h-title one">电视家影</span>
                              <img src="./img/9e3b29e7b.png" />
                              <span class="title">每千减百</span>
                         </div>
                         <div>
                              <span class="h-title two">智能数码</span>
                              <img src="./img/0a3177ccec.png" />
                              <span class="title">热销榜</span>
                         </div>
                    </div>
               </div>
          </div>
          <!-- 空盒子-->
          <div id="kong"></div>

          <!-- 猜你喜欢-->
          <div id="cai_box">
               <img src="./img/157793128909842388.webp" />
          </div>

          <!-- 商品列表-->
          <div id="pro-list">
               <!-- 左边商品列表-->
               <div class="left-list">
                    <!--单个商品盒子-->
                    <div class="goods-item">
                         <img src="./img/KQtT-l3BXLP9bIac1LzjYw.webp" />
                         <p class="pro-title">2022新茶叶安溪茶铁观音特级浓香型礼盒装正宗乌龙茶春茶小包装500g</p>
                    
                         <p class="cuxiao-tag">
                              <span class="tap">大聚惠</span>
                              <span class="tap">包邮</span>

                         </p>
                         <p class="pro-price">
                              <span class="price-now">￥69</span>
                              <span class="price-comments">20+评价</span>
                         </p>
                    </div>
                     <!--单个商品盒子-->
                     <div class="goods-item">
                         <img src="./img/cQ39iC-RI3vhje2A-ZXx4A.webp" />
                         <p class="pro-title">2022新茶叶安溪茶铁观音特级浓香型礼盒装正宗乌龙茶春茶小包装500g</p>
                    
                         <p class="cuxiao-tag">
                              <span class="tap">大聚惠</span>
                              <span class="tap">包邮</span>

                         </p>
                         <p class="pro-price">
                              <span class="price-now">￥69</span>
                              <span class="price-comments">20+评价</span>
                         </p>
                    </div>

                     <!--单个商品盒子-->
                     <div class="goods-item">
                         <img src="./img/df75c8850f7d49e89c0b331abb0a3864.jpg" />
                         <p class="pro-title">2022新茶叶安溪茶铁观音特级浓香型礼盒装正宗乌龙茶春茶小包装500g</p>
                    
                         <p class="cuxiao-tag">
                              <span class="tap">大聚惠</span>
                              <span class="tap">包邮</span>

                         </p>
                         <p class="pro-price">
                              <span class="price-now">￥69</span>
                              <span class="price-comments">20+评价</span>
                         </p>
                    </div>


               </div>
               <!-- 右边商品列表-->
               <div class="right-list">
                     <!--单个商品盒子-->
                     <div class="goods-item">
                         <img src="./img/KQtT-l3BXLP9bIac1LzjYw.webp" />
                         <p class="pro-title">2022新茶叶安溪茶铁观音特级浓香型礼盒装正宗乌龙茶春茶小包装500g</p>
                    
                         <p class="cuxiao-tag">
                              <span class="tap">大聚惠</span>
                              <span class="tap">包邮</span>

                         </p>
                         <p class="pro-price">
                              <span class="price-now">￥69</span>
                              <span class="price-comments">20+评价</span>
                         </p>
                    </div>
                     <!--单个商品盒子-->
                     <div class="goods-item">
                         <img src="./img/cQ39iC-RI3vhje2A-ZXx4A.webp" />
                         <p class="pro-title">2022新茶叶安溪茶铁观音特级浓香型礼盒装正宗乌龙茶春茶小包装500g</p>
                    
                         <p class="cuxiao-tag">
                              <span class="tap">大聚惠</span>
                              <span class="tap">包邮</span>

                         </p>
                         <p class="pro-price">
                              <span class="price-now">￥69</span>
                              <span class="price-comments">20+评价</span>
                         </p>
                    </div>

                     <!--单个商品盒子-->
                     <div class="goods-item">
                         <img src="./img/df75c8850f7d49e89c0b331abb0a3864.jpg" />
                         <p class="pro-title">2022新茶叶安溪茶铁观音特级浓香型礼盒装正宗乌龙茶春茶小包装500g</p>
                    
                         <p class="cuxiao-tag">
                              <span class="tap">大聚惠</span>
                              <span class="tap">包邮</span>

                         </p>
                         <p class="pro-price">
                              <span class="price-now">￥69</span>
                              <span class="price-comments">20+评价</span>
                         </p>
                    </div>
               </div>
          </div>
           <div id="footer" >
               <div class="top_img_box">
                    <img src="./img/157588645542963955.png" />
               </div>
               <div class="tabBar">
                     <div>
                         <img src="./img/tabBar/157543974786039763.png" alt="">
                         <span class="active">首页</span>
                     </div>
                     <div>
                         <img src="./img/tabBar/157562573743964714.png" alt="">
                         <span class="">首页</span>
                     </div>
                     <div>
                         <img src="./img/tabBar/157543978244974042.png" alt="">
                         <span class="">首页</span>
                     </div>
                     <div>
                         <img src="./img/tabBar/157543979328589256.png" alt="">
                         <span class="">首页</span>
                     </div>
                     <div>
                         <img src="./img/tabBar/157543980229048220.png" alt="">
                         <span class="">首页</span>
                     </div>
               </div>
          </div>
     </div>

    
</body>
</html>